@charset "utf-8";
	{
		margin: 0;
		padding: 0;
		font-family: "华文彩云";
		font-size: 80px;
	}
body{
	background-image: url(../img/bg.jpg);
	background-size: 100% 739px;
	background-repeat: no-repeat;
}
.bear{
	width: 200px;
	height: 300px;
	bor der: 1px solid red;
	background: url(../img/bear_1.png);
	background-size: 100% 100%;
	position: relative;
	top: -12px;
	left: -4px;
	animation: bear 10s linear infinite;
}
@keyframes bear{
	0%{
		top: -12;
		left: -4;
		transform: scale(1);
	}
	10%{
		left: 698px;
		background: url(../img/bear_1.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	20%{
		left: 698px;
		top: 218px;
		background: url(../img/bear_2.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	30%{
		top: 218px;
		left: 430px;
		background: url(../img/bear_3.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	40%{
		top: 55px;
		left: 431px;
		background: url(../img/bear_4.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	50%{
		top: 100px;
		left: 413px;
		background: url(../img/bear_5.png);
		background-size: 100% 100%;
		transform:  rotate(400deg) scale(1);
	}
	60%{
		top: 100px;
		left: 550px;
		background: url(../img/bear_6.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	70%{
		top: 100px;
		left: 400px;
		background: url(../img/bear_7.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	80%{
		top: 50px;
		left: 300px;
		background: url(../img/bear_8.png);
		background-size: 100% 100%;
		transform: scale(1);
	}
	90%{
		top: 60px;
		left: 413px;
		background: url(../img/bear_9.png);
		background-size: 100% 100%;
		transform: scale(2);
	}
	100%{
		top: 100px;
		left: 513px;
		background: url(../img/bear_10.png);
		background-size: 100% 100%;
		transform: scale(3);
	}
}